<html>
<head>
	<script src="../js/dojo/dojo.js"></script>
	<script src="../js/dair/Aliases.js"></script>
	<script src="../js/dair/fx.js"></script>
	<script type="text/javascript">
		dojo.require("dair.Window");
		dojo.require("dair.fx");
		dojo.require("dojo.fx.easing");
		dojo.addOnLoad(function(){

			var pane = window.nativeWindow;
			
			dair.fx.animateWindow({
				pane: pane,
				width:400,
				left:200,
				easing:dojo.fx.easing.backOut,
				onEnd:function(){
					
					dair.fx.animateWindow({
						pane:pane,
						top:40,
						left:20,
						duration:1200,
						easing:dojo.fx.easing.elasticOut
					}).play(2000);
					
				}
			}).play();
		
//			var test = new dair.Window({
//				href: "app:/tests/WindowData.html",
//				size:{
//					w:300, h:200, t:50, l: dijit.getViewport().sw - 350
//				}
//			});
//
//			setTimeout(function(){
//				
//				dair.animateResize({
//					pane: test,
//					duration:412,
//					height:600,
//					easing:dojo.fx.easing.backOut,
//					onEnd: function(){
//						
//						dair.animateResize({
//							pane: test,
//							duration:300,
//							height:100,
//							width:900,
//							easing:dojo.fx.easing.backOut
//						}).play(500);
//						
//					}
//				}).play();
//			
//				setTimeout(function(){
//					
//					dair.animatePosition({
//						pane: test,
//						duration:500,
//						top:110, left:00,
//						easing:dojo.fx.easing.linear,
//						onEnd: function(){
//							
//							setTimeout(function(){
//								
//								dojo.fx.combine([
//									dair.animateResize({
//										pane:test,
//										width:500, height:100
//									}),
//									dair.animatePosition({
//										pane:test,
//										left: -(test._pane.x)
//									})
//								]).play();
//								
//							}, 500);
//							
//						}
//					}).play();
//					
//				}, 3000);
//			
//			}, 2000);
//
			
		});
		
		var showme = function(){
		
			dair.fx.animateWindow({
				pane: window.nativeWindow,
				height: dair.getViewport().sy - window.nativeWindow.height - 20,
				easing: dojo.fx.easing.backOut
			}).play();
			
		}
		
	</script>
</head>
<body>
	<h1>Sample</h1>
	<button id="showme" onclick="showme()">make tall</button>
</body>
</html>